<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
        <link rel="stylesheet" href="../src/muugyj-ui.css">
        <title>页面布局组件</title>
    </head>
    <body>
        <div class="gy-header">
            <div class="left"><i class="fa fa-chevron-left"></i></div>
            <div class="title">我是标题</div>
            <div class="right"><i class="fa fa-ellipsis-h"></i></div>
        </div>
        <div class="gy-navbar">
            <a class="navbar-item">
                <i class="fa fa-home icon"></i>
                <span class="name">首页</span>
            </a>
            <a class="navbar-item active">
                <i class="fa fa-list icon"></i>
                <span class="name">分类</span>
            </a>
            <a class="navbar-item">
                <i class="fa fa-search icon"></i>
                <span class="name">发现</span>
            </a>
            <a class="navbar-item">
                <i class="fa fa-user-o icon"></i>
                <span class="name">我的</span>
            </a>
        </div>
        <div class="gy-content">
            内容区
        </div>
    </body>
</html>